<template>
  <div class="search_all">
    <div style="display: flex;flex-direction: row;margin-top: 10px;align-items: center;">
      <img src="@/assets/icon/index/left.png" alt="" @click="goBack" style="width: 10px;height:15px;margin-left: 20px;margin-right: 130px">
      <div style="color: white">电视剧</div>
    </div>
    <div style="height: 50px;z-index: 10">
      <NavBarSA :nav-items="navItems" style="margin-top: 10px;" @choose="handleChoose"></NavBarSA>
    </div>
    <dropdown-block></dropdown-block>
    <div class="index_blocks">
      <div v-for="(item,index) in items">
        <block :item="item" :key="index"></block>
      </div>
    </div>

  </div>
</template>

<script>
import NavBarSA from "@/components/views/index/tv/searchall/NavBarSA.vue";
import DropdownBlock from "@/components/views/index/tv/searchall/DropdownBlock.vue";
import Block from "@/components/content/block/block.vue";

export default {
  name: "SearchAll",
  components: {Block, DropdownBlock, NavBarSA},
  methods:{
    goBack(){
      this.$router.go(-1)
    }
  },
  data() {
    return {
      navItems: [
        { label: '精选' },
        { label: '全部' },
        { label: '网剧热播' },
        { label: '热门剧场' },
        { label: '港剧' },
        { label: '台剧' },
      ],
      items:[
        {
          img: require('@/assets/temp/1.png'),
          updateNum: 3,
          title: "现在和以前",
          quality: 0,
          description:"催泪大片"
        },
        {
          img: require('@/assets/temp/2.png'),
          updateNum: 6,
          title: "我们的爱情",
          quality: 0,
          description:"温馨甜美爱情"
        },
        {
          img: require('@/assets/temp/3.png'),
          updateNum: 3,
          title: "创世纪II",
          quality: 1,
          description:"史诗级遇难"
        },   {
          img: require('@/assets/temp/1.png'),
          updateNum: 3,
          title: "现在和以前",
          quality: 0,
          description:"催泪大片"
        },
        {
          img: require('@/assets/temp/2.png'),
          updateNum: 6,
          title: "我们的爱情",
          quality: 0,
          description:"温馨甜美爱情"
        },
        {
          img: require('@/assets/temp/3.png'),
          updateNum: 3,
          title: "创世纪II",
          quality: 1,
          description:"史诗级遇难"
        },   {
          img: require('@/assets/temp/1.png'),
          updateNum: 3,
          title: "现在和以前",
          quality: 0,
          description:"催泪大片"
        },
        {
          img: require('@/assets/temp/2.png'),
          updateNum: 6,
          title: "我们的爱情",
          quality: 0,
          description:"温馨甜美爱情"
        },
        {
          img: require('@/assets/temp/3.png'),
          updateNum: 3,
          title: "创世纪II",
          quality: 1,
          description:"史诗级遇难"
        },
      ]
    };
  },
}
</script>

<style scoped>
.search_all{
  background-image: -moz-linear-gradient( -90deg, rgb(237,61,196) 0%, rgb(236,134,104) 100%);
  background-image: -webkit-linear-gradient( -90deg, rgb(237,61,196) 0%, rgb(236,134,104) 100%);
  background-image: -ms-linear-gradient( -90deg, rgb(237,61,196) 0%, rgb(236,134,104) 100%);
  position: absolute;
  width: 100%;
  height: 80px;
  left: 0;
  top: 0;
}
.el-page-header{
  color: white;

}
.el-page-header content {
   font-size: 4.61538vw;
   color: #fff;
 }
.index_blocks {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  flex-wrap: wrap;
}
</style>
